<template>
  <div :style="[{'background-color':bgcolor}]">
    <slot style="flex: 1"></slot>
  </div>
</template>
<script>
export default {
  name:'ma-div',
  data(){
    return {
      bgcolor:'#ffffff',
    }
  },
  props:{
    day_bg:{
      default:'#ffffff'
    },
    night_bg:{
      default:'rgba(29,29,29,1)'
    }
  },
  created() {
      this.bgcolor = this.get_bg()
  },
  methods: {
     get_bg() {
         return this.theme === 'day' ? this.day_bg : this.night_bg
      },
  },
}
</script>